.detailed{
  .modal-dialog{
    width: 350px!important;
    .modal-header{
      padding-bottom: 12px;
    }
    .modal-body{
      padding: 16px;
      ul {
        border: 1px solid #b6b6b6;
        border-bottom: 0;
        li {
          position: relative;
          display: flex;
          span {
            flex: 0.3;
            box-sizing: border-box;
            height: 40px;
            padding-left: 16px;
            line-height: 40px;
            position: relative;
            &::after {
              content: '';
              position: absolute;
              top: 0;
              right: 0;
              height: 100%;
              background: #b6b6b6;
              width: 1px;
            }
            &:last-child {
              flex: 0.7;
              &::after {
                display: none;
              }
            }
          }
          &::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            height: 1px;
            background: #b6b6b6;
            width: 100%;
          }
        }
      }
    }
    .modal-footer{
      text-align: center;
    }
  }


  .formBorder{
    border:1px solid #ccc;
    margin-top: 20px;
    margin-bottom: 40px;
    .time{
      margin-left: 8px;
      margin-top: 20px;
      margin-bottom: 29px;
      input{
        border:1px solid #ececec
      }
      button{
        width:70px;
        height:30px;
        background:rgba(10,158,255,1);
        border-radius:5px;
        color:#fff;
        margin-left: 30px;
      }
    }
  }

  .back{
    margin-right: 20px;
    cursor: pointer;
    img{
      width:20px;
      height:14px;
      position:relative;
      top:-2px
    }
  }

}